.dashboard-container {
  background-color: #0b1545;
  padding: 10px;
  overflow-y: auto;
  height: 100%;
  position: relative;
  :deep(.el-input--small .el-input__inner) {
    border: none;
    color: aliceblue;
    background-color: #192e6e !important;
  }
  .title {
    color: white;
    font-size: 16px;
    font-weight: 650;
    padding: 20px 10px;
  }

  .actions {
    text-align: right;
    padding: 10px 0;
    position: absolute;
    right: 13px;
    top: 15px;
  }

  .qwl-row {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
  
    .qwl-col {
      width: 60%;
      min-width: 960px;
    }

    .qwl-col2 {
      width: 40%;
      min-width: 680px;
    }
  }

  .index-title {
    text-align: center;
    border-bottom: 1px solid #e7e5e5;
    margin-bottom: 20px;
    font-size: 26px;
  }

  .header-qwl {
    display: flex;
    justify-content: center;

    .custom-tabs-label {
      font-size: 20px;
      padding: 0 60px;
    }
  }
  .chart-container {
    padding: 2vh;
    box-sizing: border-box;
    // background-color: #0b1545;
    background-size: 100% 100%;
    background-image: url('~@/views/examineManage/boardVIew/images/container-bg.png');
  }
  .table-box {
    background-image: url('~@/views/examineManage/boardVIew/images/table-bg.png');
    background-size: 100% 100%;
    // background-image: url(./container-bg.png);
    // border: 1px solid #27aad6;
    padding: 0 20px 20px;
    height: 100%;
    border-radius: 20px;

    .table-title {
      text-align: left;
      // padding: 10px;
      position: relative;
      height: 6.5vh;
      // background: #000;
      box-sizing: border-box;
      // margin-bottom: 20px;
      // background-image: url('~@/views/examineManage/boardVIew/images/title.svg');
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;

      .date-picker {
        position: absolute;
        right: 1vh;
        top: 2.5vh;
        font-size: 13px;
        .date-pick-qwl {
          width: 200px;
        }
      }

      .title-span {
        color: white;
        // padding: 13px 20px;
        position: absolute;
        top: 3vh;
        font-weight: 650;
        font-size: 20px;       

        // .title-divide {
        //   position: absolute;
        //   background: linear-gradient(to right, #1b84d2, #31d3f7);
        //   bottom: 0;
        //   width: 100%;
        //   height: 6px;
        //   left: 0;
        //   border-radius: 2px;
        // }
      }
    }
  }
}

:deep(.el-dialog__body) {
  padding: 0;
}

:deep(.el-dialog__header) {
  border-bottom: 1px solid #f1eded;
}

@media screen and (min-width: 1024px) and (max-width: 1240px) {
  .qwl-row {
    .qwl-col {
      min-width: 500px !important;
    }

    .qwl-col2 {
      min-width: 500px !important;

      /deep/.date-pick-qwl {
        width: 100px !important;
      }
    }
  }
}

@media screen and (min-width: 1240px) and (max-width: 1440px) {
  .qwl-row {
    .qwl-col {
      min-width: 500px !important;
    }

    .qwl-col2 {
      min-width: 500px !important;

      /deep/.date-pick-qwl {
        width: 100px !important;
      }
    }
  }
}

@media screen and (min-width: 1440px) and (max-width: 1660px) {
  .qwl-row {
    .qwl-col {
      min-width: 600px !important;
    }

    .qwl-col2 {
      min-width: 500px !important;

      /deep/.date-pick-qwl {
        width: 100px !important;
      }
    }
  }
}

@media screen and (min-width: 1660px) and (max-width: 1960px) {
  .qwl-row {
    .qwl-col {
      min-width: 800px !important;
    }

    .qwl-col2 {
      min-width: 500px !important;

      /deep/.date-pick-qwl {
        width: 100px !important;
      }
    }
  }
}
